/* Common */
a {color: #333; outline: none;}
a:hover, a:focus {color: #0a5898; text-decoration: none; outline: none;}
ul,ol,li {list-style: none; outline: none; padding-left: 0;}
em {font-style: normal;}
body {overflow-x: hidden; font-size: 14px;  color: #444; font-family: Microsoft Yahei;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-weight: 400;}


.container{width:1200px;} 
.fl {float:left;}
.fr {float:right;}
.o {overflow: hidden;}
.ptb1{padding-top:1em;padding-bottom:1em}
.ptb2{padding-top:2em;padding-bottom:2em}
.ptb3{padding-top:3em;padding-bottom:3em}
.ptb4{padding-top:4em;padding-bottom:4em}
.ptb5{padding-top:5em;padding-bottom:5em}
.ptb6{padding-top:6em;padding-bottom:6em}
.ptb7{padding-top:7em;padding-bottom:7em}
.mbt1{margin-top:1em}
.mbt2{margin-top:2em}
.mbt3{margin-top:3em}
.mbb1{margin-bottom:1em}
.mbb2{margin-bottom:2em}
.mbb3{margin-bottom:3em}


.header {padding-top: 1em; padding-bottom: 1em;}
.header .brand-logo {/* padding-right: 170px; */ float: left;}
.header .brand-logo h1 {margin-top: 0; margin-bottom: 0;}
.header .brand-logo img {max-height: 70px;}
.header .item {float: right;/* width: 19%;*/ font-size: 14px; padding-top: 13px; color: rgba(51, 153, 51, 1);}
.header .item span {display: inline-block; float: left; font-size: 2em; padding-right: 15px;}
.header .item span i {color: #333; margin-right: 10px;}


.dr-navbar {border-radius:0;background:#339933;border:none;margin-bottom:0;top:0;z-index:1000;transition:all .5s ease 0s}
.dr-navbar .navbar-brand{padding-top:18px}
.dr-navbar .navbar-brand img{max-height:60px}
.dr-navbar li a {padding-left: 42px; padding-right: 42px; color: #fff;}
.nav > li > a:focus, .nav > li > a:hover {background: #007407;}
.dr-navbar .dropdown-menu li a {color: #333;}
.dr-navbar li.open a:focus, .dr-navbar li.open a:hover, .dr-navbar .open a.dropdown-toggle {color: #dbffdc; background: #007407 !important}
.dr-navbar li.active a.dropdown-toggle {color: #dbffdc; background: #007407 !important}
.dr-navbar li:nth-child(1).active a {background: #007407 !important}

.footer .fv-lef .item h4 {margin-bottom: 1em;}
.footer .fv-lef .item:nth-child(1) {width: 50%;}
.footer .fv-lef .item:nth-child(1) p {float: left; width: 50%;}

.footer {background: url(../img/footbg.jpg); color: #fff;}
.footer a {color: #ddd;}
.footer img {display: inline-block;}
.footer .ccbox span {width: 2em; height: 2em; margin-right: 5px; text-align: center; line-height: 2em; display: inline-block; border: 1px solid #666; border-radius: 1em;}
.footer .ccbox i {font-size: 1.2em; }
.footcopy {background-color: #2d2d2d; padding:1em 0 1.2em; line-height: 1.8; color: #B3B2B2;}
.footcopy p {margin-bottom: 0;}
.footcopy a {color:#B3B2B2;}

.carousel-inner {background: #fff;}
.carousel-inner > .item img {margin: 0 auto;} 
.carousel-control.left {background-image: none;} 
.carousel-control.right {background-image: none;}


/* 1128 */
.commbtn {padding-top: 3em;}
.commbtn .btn {font-size: 1.1em; padding-left: 2em; padding-right: 2em; transition: all 0.4s; background: rgba(0, 0, 0, 0.35); color: #fff;}
.commbtn .fa {font-size: 1.2em;}
.commbtn .btn:hover {background: #339933; box-shadow: 1px 1px 13px #ddd;}


.index1 {}
.i1block h3 {font-size: 22px; margin-top: 0px; font-weight: 300;}
.i1block .h-underline {padding-bottom: 12px; margin-bottom: 28px; position: relative; border-bottom: solid 1px rgba(0, 0, 0, 0.07); text-align: left; }
.i1block .h-underline:before {position: absolute; content: ""; height: 1px; background: #bdc3c7; width: 30%; max-width: 150px; bottom: -1px; left: 0; }
.i1-about {line-height: 2;}
.i1-about .i1atext {padding: 13px 0; margin-bottom: 0;}
.i1-about .i1atext p {margin-bottom: 0; text-indent: 2em;}

.page2 {background: #f6f6f6;}
.p2menu {margin-left: -15px; margin-right: -15px;}
.p2menu .item {margin-top: 1.2em; /* padding-right: 0px; padding-left: 0px; */}
.p2menu .item a {display: block; background: #339933; color: #fff; text-align: center; padding: 1em 0;}
.tplist {margin-left: -15px; margin-right: -15px;}
.tplist .item {position: relative; margin-top: 2em; transition: all 0.4s; box-shadow: 0 0 5px #ddd;}
.tplist .item p {position: absolute; left: 0; margin-bottom: 0; width: 100%; bottom: 0; background: rgba(0, 0, 0, 0.65); text-align: center; padding: 0.7em 0;}
.tplist .item p a { color: #fff; font-size: 16px; }
.tplist .item:hover {box-shadow: 0 0 10px #bbb;
  -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
          transform: translateY(-10px);
}
.tplist .item:hover p {background: rgba(229, 0, 46, 0.85);}


#ad {background-color: none; margin-bottom: 0; height: 185px;}

.onlinebox {width: 45%; margin: 0 auto;}

.section5 {background-color: #fbfbfb;}
.section5 .head { text-align: left; }
.section5 .head .title { margin-top: 22px; margin-bottom: 11px; font-size: 20px; font-weight: 300; letter-spacing: 1px; color: #000000; color: ; opacity: 0; transform: translate(0, 100%); }
.section5 .head .desc { width: 38px; height: 2px; background: #339933; background: ; opacity: 0; transform: translate(0, 100%); }
.section5 .title-box .head { float: left }
.section5 .title-box .tabs { float: right; margin: 18px }
.section5 .title-box .tabs li { float: left; opacity: 0; transform: translate(0, 100%); }
.section5 .title-box .tabs li a { display: inline-block; margin: 0 5px; font-size: 13px; line-height: 30px; text-align: center; padding: 0 20px; height: 30px; -webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms }
.section5 .title-box .tabs li a:hover { background: #339933; background: ; text-decoration: none }
.section5 .title-box .tabs li a:hover h3 { color: #fff }
.section5 .title-box .tabs li a h3 { font-size: 13px; margin: 0; line-height: 30px; -webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; color: #000000; color: ; }
.section5 .title-box .tabs li.active a { background: #339933; background: ; }
.section5 .title-box .tabs li.active a h3 { color: #fff }
.section5 .btn-more { padding: 5px 15px; border: 1px solid; color: #339933; float: right; display: inline-block; width: 110px; text-align: center; margin: 30px auto 0 auto; -webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms }
.section5 .btn-more .fa { padding-left: 10px }
.section5 .btn-more:hover { background: #339933; background: ; padding-left: 15px; color: #fff; border-color: #339933; border-color: ; text-decoration: none }
.section5 .btn-more:hover .fa { color: #fff }
.section5 ul { padding: 0; margin: 0; overflow: hidden; margin-top: 50px }
.section5 .imgnews-list li { opacity: 0; transform: translateY(100%); width: 56%; float: right; -webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; padding: 10px 0; border-bottom: 1px solid; border-color: #000000; border-color: ; }
.section5 .imgnews-list li .title { font-size: 14px; line-height: 30px; color: #000000; color: ; margin: 0; display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 78% }
.section5 .imgnews-list li .time { display: inline-block; line-height: 30px; float: right; color: #000000; color: ; font-size: 13px; position: relative; -webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms }
.section5 .imgnews-list li .fa { display: inline-block; line-height: 30px; float: right; color: #339933; color: ; font-size: 13px; position: relative; right: 35px; -webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; opacity: 0 }
.section5 .imgnews-list li:hover { padding-left: 15px }
.section5 .imgnews-list li:hover .fa { right: 0; opacity: 1 }
.section5 .imgnews-list li:hover .time { right: 15px }
.section5 .imgnews-list li:hover h3 { color: #339933; color: ; }
.section5 .imgnews-list li .date { float: right }
.section5 .imgnews-list li .date .day { font-size: 36px; font-weight: bold; position: relative; letter-spacing: 1px; color: #000000; color: ; }
.section5 .imgnews-list li .date .year { color: #000000; color: ; position: relative; display: block }
.section5 .imgnews-list .item-1 { width: 40%; float: left; padding: 0; border: none; opacity: 1; transform: none; }
.section5 .imgnews-list .item-1 .text { background: #339933; background: ; padding: 28px 20px 28px 40px }
.section5 .imgnews-list .item-1 .text .date { float: left }
.section5 .imgnews-list .item-1 .text .day { font-size: 36px; font-weight: bold; position: relative; letter-spacing: 1px; color: #fff; }
.section5 .imgnews-list .item-1 .text .year { color: rgba(255, 255, 255, 0.6); position: relative; display: block }
.section5 .imgnews-list .item-1 .text .content { color: #fff; width: 80%; float: right }
.section5 .imgnews-list .item-1 .text .content h3 { color: #fff; line-height: 30px; margin: 0; font-size: 16px; padding-bottom: 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.2) }
.section5 .imgnews-list .item-1 .text .content p { color: rgba(255, 255, 255, 0.7); padding-top: 15px; margin: 0 }
.section5 .imgnews-list .item-1 .img { overflow: hidden }
.section5 .imgnews-list .item-1 .img img { -webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; opacity: .78; width: 100% }
.section5 .imgnews-list .item-1:hover { -webkit-box-shadow: 5px 8px 20px rgba(0, 0, 0, 0.08); box-shadow: 5px 8px 20px rgba(0, 0, 0, 0.08); padding: 0 }
.section5 .imgnews-list .item-1:hover img { -webkit-transform: scale(1.08); transform: scale(1.08); opacity: 1 }
.section5 .imgnews-list .item-2 { border: none !important }
.section5 .imgnews-list .item-2 .text { float: left; width: 80% }
.section5 .imgnews-list .item-2 .text h3 { width: 100%; padding-bottom: 15px; border-bottom: 1px solid; border-color: #000000; border-color: ; font-size: 16px }
.section5 .imgnews-list .item-2 .text p { margin-top: 15px; color: #000000; color: ; font-size: 13px; line-height: 26px; height: 52px; overflow: hidden }
@media (max-width:991px) {
	.section5 .imgnews-list .item1 .text .content { width: 70% }
}
@media (max-width:767px) {
	.section5 { padding: 30px 0; }
	.section5 .imgnews-list li { width: 100% !important; float: none !important }
	.section5 .imgnews-list .item1 .text .content { width: 68% }
	.section5 .imgnews-list li .title { width: 70% }
	.section5 ul { margin-top: 0 }
	.section5 .title-box .head{float: none; }
	.section5 .title-box .tabs{margin: 15px 0; float: none; }
}


.index4 {/* background-color: #f5f5f5; color: #666; */}
.index4 .social-box{margin-top:15px;}
.index4 .social-box a {margin:0 5px 0 0; display:inline-block; width:40px; height:38px; line-height:33px; padding-top: 2px; text-align:center; background:#111; border-radius:50%; color:#ddd; transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;} 
.index4 .social-box a:hover{background:#0a63ab;}
.index4 .fadeInLeft h3 {margin-bottom: 2em;}
.index4 .fadeInRight {padding-top: 1em;}
.index4 .form-control {background: none; border:1px solid #747474; border-radius: 0;}
.index4 .lala {line-height: 2;}
.index4 .btn-danger {border-radius: 0; background-color: #CC2227; border-color: #CC2227;}




.page3 {}
.page3 .part .item {padding-left: 5px; padding-right: 5px;}
.page3 .part .item img {display: inline-block;}
.page3 .part a {border: 1px solid #ddd; display: block; margin-top: 10px;}

/* .phonor {background: url('../img/bg1.jpg');} */
.page-honor .item a{display:block;padding-bottom:10px}
.page-honor .item .img{display:block;width:94%;margin:0 auto}
.page-honor .item .img img{display:block;width:100%;margin:0 auto;max-width:215px}
.page-honor .item .tt{font-size:18px;color:#333;line-height:1.6;text-align:center;padding:5px 0;position:relative;-webkit-transition:all .4s;transition:all .4s}
.page-honor .item a:hover .tt{color:#0058b9}
.page-honor .item .tt:before{display:block;width:0;height:2px;background-color:#669bd5;position:absolute;left:50%;bottom:-2px;content:'';-webkit-transition:all .4s;transition:all .4s}
.page-honor .item a:hover .tt:before{width:25px;margin-left:-12.5px}
.page-honor.owl-theme .owl-nav .owl-prev {position: absolute; left: -52px; background: none;}
.page-honor.owl-theme .owl-nav .owl-next {position: absolute; right: -52px; background: none;}
.page-honor.owl-theme .owl-nav [class*="owl-"]:hover {background: none;}
.page-honor.owl-theme .owl-nav {position: relative; width: 100%; top: -240px;}
.page-honor.owl-theme .owl-nav i {font-size: 5em; color: #1c97d6;}


.suspension{position:fixed;z-index:55;right:0; top: 36%; width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../img/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../img/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../img/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../img/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{/*border-bottom:1px solid #eee;*/ padding:14px 0 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../img/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../img/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px; margin-bottom: 0; margin-top: 0;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../img/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}


/* PAGE */
.pagec .left{width:260px}
.pagec .left .list{background-color:#f8f8f8;margin-bottom:25px}
.pagec .left .list .max-tit {background:url(../img/img14.jpg) center no-repeat;padding:25px 0 25px 30px}
.pagec .left .list .max-tit .title{font-size:24px;color:#fff;line-height:1;padding:0 0 12px 12px;border-left:5px solid #d1e1f2}
.pagec .left .list .max-tit .en{font-size:14px;color:#d1ebff;line-height:1;text-transform:uppercase;padding-left:12px;border-left:5px solid #d1e1f2}
.pagec .left .list .mlist a{display:block;padding-left:30px;height:50px;line-height:50px;border-top:1px solid #ededed;font-size:16px;color:#666;background:url(../img/img17.1.png) 220px center no-repeat;-webkit-transition:all .4s;transition:all .4s}
.pagec .left .list .mlist a.on,.pagec .left .list .mlist a:hover{color:#0f7ae8;background:url(../img/img17.png) 225px center no-repeat}
.pagec .left .list .mlist .mbox{display:none}
.pagec .left .list .mlist .mbox a{font-size:14px;height:40px;line-height:40px;width:200px;padding-left:60px;background:0 0;position:relative}
.pagec .left .list .mlist .mbox a:before{display:block;width:4px;height:4px;border-radius:50%;content:'';position:absolute;left:48px;top:50%;-webkit-transition:all .4s;transition:all .4s;margin-top:-2px;background-color:#ccc}
.pagec .left .list .mlist .mbox a.on:before,.pagec .left .list .mlist .mbox a:hover:before{background-color:#1865e5}
.pagec .left .list .bg{background:url(../img/img15.jpg) center no-repeat}
.pagec .left .list .mli a {display:block; padding: 1em; padding-left:28px;border-top:1px solid #ededed;font-size:14px;color:#666}
.pagec .left .list .mli a span {display: inline-block; margin-right: 10px; font-size: 16px;}
.pagec .right {width:900px}

.mainc {line-height: 1.8;}
.pabout {padding-left: 15px; padding-right: 15px;}

.prolist li{padding-left:0;padding-right:0}
.prolist .a{display:block;width:100%;height:100%;cursor:pointer;padding:15px}
.prolist li .img{width:100%;display:block;overflow:hidden;position:relative}
.prolist li .img:after,.prolist li .img:before{display:block;width:100%;height:100%;content:'';position:absolute;left:0;top:0;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .4s;transition:all .4s}
.prolist li .img:before{z-index:5;background-color:rgba(16,118,232,.3)}
.prolist li .img:after{z-index:6;background:url(../img/img10.png) center no-repeat}
.prolist li .a:hover .img:after,.prolist li .a:hover .img:before{opacity:1;filter:alpha(opacity=100)}
.prolist li .img img{width:100%;transition:all .4s}
.prolist li .a:hover .img img{transform:scale3d(1.08,1.08,1);-webkit-transform:scale3d(1.08,1.08,1)}
.prolist li .tit{line-height:40px;text-align:center;font-size:16px;transition:all .4s;color:#666;border:1px solid #ddd;border-top:0}
.prolist li .a:hover .tit{color:#fff;border:1px solid #1076e8;border-top:0;background-color:#1076e8}


.figures>a,.figure{display:block;position:relative;overflow:hidden;width:360px;max-height:360px; background:#0768de;text-align:center;transition:all .35s}
.figures>a .caption,.figures>a .title,
.figure{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;margin-top:0;padding:0;font-size:25px;text-align:center;text-transform:uppercase;color:#fff;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.figures h3,h4 { font-weight:normal;}
.figures .title h4 {font-size: 25px;}
.figures p { font-size:14px; color:#FFF; padding-top:15px;}
.figures>a .caption{margin-top:0;background-color:#0768de;opacity:0}
.figures>a .caption:hover{opacity:.8;transition:opacity .75s,-webkit-transform .05s;transition:opacity .75s,transform .05s;transition:opacity .75s,transform .05s,-webkit-transform .05s}
.figures>a:hover div.title,.figure:hover div.title, figure.figure:hover div.title{display:none}

.proindex {}
.proindex .item {margin-bottom: 40px;}

.soluindex {}
.soluindex .item {margin-bottom: 30px; }
.soluindex .item a {transition: all 0.4s;}
.soluindex .item img {transition: all 0.4s; opacity: 0.75}
.soluindex .item .caption {background: #f6f6f6; overflow: hidden; padding-left: 15px; padding-right: 15px; padding-bottom: 10px;}
.soluindex .item p {color: #999;}
.soluindex .item:hover img {opacity: 1;}
.soluindex .item a:hover {box-shadow: 0 3px 15px #0a5898; display: block;}
.soluindex .item a:hover .caption {background: #fff;}

.serpage {padding-top: 1em;}
.serpage h2 p {font-size: 14px; color: #333; padding-top: 1em; text-transform: uppercase;}
.serpage ul {padding-top: 1em; margin-bottom: 1em;}
.serpage ul li a {padding: 0.4em 0; display: block; font-size: 15px; text-align: center;}

.manew {}
.manew a {display: block; border-bottom: 1px solid rgb(234, 234, 234); padding: 15px 0; overflow: hidden; transition: all 0.4s;}
.manew a .col-md-3 {text-align:center;}
.manew a img {display:inline-block; width:240px; height:160px;}
.manew a .col-md-2 {text-align: right;}
.manew a:hover {background-color: #f9f9f9;}
.manew h4 {color:#222; font-weight: 500;}
.manew p {color:#888;}
.manew .time {color:#888;}

.newshow_info {}
.newshow_info span {display: inline-block; margin: 0 8px; color: #999;}
.newshow_body {}
.newshow_body img {max-width: 100%;}

.artlist {}
.artlist li {line-height: 32px; overflow: hidden; border-bottom: 1px dotted #ccc; margin: 0 15px;}



@media (max-width:767px) {

body {padding-top: 60px;}
.ptb2 {padding-top: 1em; padding-bottom: 1em}
.ptb3 {padding-top: 1.5em; padding-bottom: 1.5em}
.ptb4 {padding-top: 2em; padding-bottom: 2em}
.ptb6 {padding-top: 3em; padding-bottom: 3em}
.mbb2 {margin-bottom: 1em; }
.container {max-width: 100%; width: auto;} 

.nav > li {padding-top: 0; padding-bottom: 0;}
.jl-navbar {background: rgba(255, 255, 255, .95); text-align: center; padding: 4px 0; box-shadow: 0 0 10px #ddd; margin-bottom: 0;}
.jl-navbar .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {max-height: 100%; height: 100%;}
.navbar-toggle .icon-bar {background: #111;}
.jl-navbar .navbar-brand {padding-top: 2px;}
.jl-navbar .navbar-brand img {height: 45px;}
.jl-navbar .navbar-nav li a {padding-top: 10px; padding-bottom: 10px; margin:1em 18%; border-bottom: 1px solid #999;}

.footcopy {margin-bottom: 2.8em; }
.footfix {bottom:0;font-size:14px; color:#fff;left:0; box-shadow: 0 0 5px #666; overflow:hidden;position:fixed;right:0;width:100%;z-index:1000;}
.footfix .fixul {height:44px; line-height:44px; text-align:center; margin-bottom: 0;}
.footfix .fixul i {font-size:1.2em; margin-right:8px;}
.footfix .fixul a {color:#fff; font-size:16px;}
.footfix .fixul p {margin-bottom:0;}
.footfix .item1 {background:#e83a30;}
.footfix .item2 {background:#0a63ab;}
.footer .item3 {padding: 1em 15px;}
.footer .item2 img { max-width: 35%; margin-bottom: 5px;}
.footer .fv-lef .item:nth-child(1) {width: 100%; margin-bottom: 0.5em;}
.footer .ccbox {padding-top: 1.5em;}

.p2menu {padding-left: 5px;}
.p2menu .item {padding-left: 0; padding-right: 5px; margin-top: 0.3em;}
.p2menu .item a {padding: 0.6em 0;}

.tplist {margin-left: 0px; margin-right: 0; padding-left: 10px;}
.tplist .col-xs-6 {padding-left: 0;}

.onlinebox {width: 96%; margin: 0 auto;}

.pagec {}
.pagec .left {display: none;}
.pagec .right { float: none; width: inherit;}
.pagec .bread {display: none;}

.proindex .item {margin-bottom: 15px;}
.proindex .item img {width: 100%;}
.figures > a, .figure {width: 100%; background: #fff; margin-top: ;}

.soluindex {padding-left: 15px;}
.soluindex .item {padding-right: 0; padding-left: 0px; margin-bottom: 15px; }
.soluindex .item a {margin-right: 15px; display: block;}
.soluindex .item .caption h3 {font-size: 18px;}
.soluindex .item p {font-size: 12px;}

.manew a .caption {padding-left: 0;}
.manew a .caption h4 {font-size: 1em; margin-bottom: 5px;}
.manew a img {display:inline-block; width:100%; height:75px;}



.pb_body {padding-top: 1.8em;}
.pb_body .item {margin-bottom: 15px; padding-left:10px; padding-right:10px;}
.pb_body .item h4 {font-size: 12px;}
.page-honor .item .tt {font-size: 14px;}

.jl-pmenu {position:relative; left:0; right:0; z-index:999; margin-bottom: 5px; width: 100%; height: 46px; overflow: hidden; background: #fdfdfc; font: 1.4rem/43px hiragino sans gb, microsoft yahei, simsun; box-shadow:3px 3px 3px rgba(0,0,0,0.2); }
.jl-pmenu .swiper-slide {padding: 0 20px; width:auto; }
.jl-pmenu .pline { width: 100%; height: 3px; line-height: 0; font-size: 0; overflow: hidden; text-align: center; z-index: 1; background-color: #0fa6ea;
	background: -webkit-linear-gradient(left, rgba(15,166,234,1) 0, rgba(89,204,24,1) 10%, rgba(15,166,234,1) 60%, rgba(15,166,234,1) 100%);
	background: -moz-linear-gradient(left, rgba(15,166,234,1) 0, rgba(89,204,24,1) 10%, rgba(15,166,234,1) 60%, rgba(15,166,234,1) 100%);
	background: -ms-linear-gradient(left, rgba(15,166,234,1) 0, rgba(89,204,24,1) 10%, rgba(15,166,234,1) 60%, rgba(15,166,234,1) 100%);
	background: linear-gradient(left, rgba(15,166,234,1) 0, rgba(89,204,24,1) 10%, rgba(15,166,234,1) 60%, rgba(15,166,234,1) 100%);
}

.prolist {padding-left: 15px; padding-top: 15px;}
.prolist .a {padding-left: 0; padding-right: 15px; padding-top: 0;}
.prolist li .tit {line-height: 40px; height: 40px; font-size: 14px; background: #1076e8; color: #fff;}




}


@media (min-width:768px) and (max-width:992px) {

}

@media (min-width:993px) and (max-width:1199px) {

}





